<template>
   <van-skeleton title :row="3" v-show="status"/>
    <swiper :images="images"></swiper>
   <div style="width: 100%; height: 50px;background: palevioletred;">
      <h3 style="color: aliceblue; text-align: center;">商品订单</h3>
   </div>
   <van-tabs v-model:active="active" animated>
      <van-tab title="全部">
         <span>恒维燃油宝</span>
         <dl>
            <dt><img src="../../img/1.jpg" alt="" style="width: 80px;height: 80px;"></dt>
            <dd style="float: left;margin-left: 100px;">驾驶的马斯克面我ID啊</dd>
         </dl>
         <button>取消</button> <button @click="bth">支付</button>
      </van-tab>
      <van-tab title="待付款">内容 2</van-tab>
      <van-tab title="待收货">内容 3</van-tab>
      <van-tab title="已完成">内容 4</van-tab>
      <van-tab title="已取消">内容 4</van-tab>
   </van-tabs>
</template>

<script setup>
import { ref } from 'vue'
let status=ref(true)
setTimeout(()=>{
  status.value=false
},1000)
import { useRouter } from 'vue-router'
let router=useRouter('')
let bth=()=>{
   router.push('/ddxq')
}
 
</script>

<style lang="scss" scoped></style>